
import Counter from "./Counter";
import DateTime from "./DateTime";
import FullName from "./FullName";
import Welcome from "./Welcome";

function App() {
  return (
    <div className="App">
      <Counter></Counter>
      <hr />
      <DateTime></DateTime>
      <hr />
      {/* 在父组件中使用子组件时通过 attribute 为其传递数据 */}
      <FullName firstName="三丰" lastName="张"></FullName>
      <hr />
      {/* 在父组件中使用子组件时通过 attribute 为其传递数据 */}
      <Welcome nickname="拐角遇到猪" />
    </div>
  );
}

export default App;
